@charset 'utf-8';
@import'reset';

body{
    width: 100%;
        .main_content{
            .con_left{
                position: fixed;
                left: 0;
                top: 0;
                width: 247px;
                height: 100%;
                display: flex;
                flex-direction: column;
                a{
                    color: white;
                    display: flex;
                    height: 100%;
                    justify-content: center;
                    align-items: center;
                }
                .l-box{
                    &:hover{
                        cursor: pointer;
                        background: #333;
                    }
                }
                .in{
                    border-right: 4px solid #00828e;
                    width: 251px;
                    background: #333;
                }
                div{
                    width: 100%;
                    text-align: center;
                    background: #434343;
                    font-size: 14px;
                    color:#fff; 
                    flex: 1;
                }
            }
        .con_right{
            padding-bottom: 60px;
            box-shadow: 0px 2px 8px #333333;
            width: 1198px;
            margin-left: 22px;
            margin-top: 31px;
            position: absolute;
            right: 0;
            top: 0;
            left: 247px;
            font-size: 12px;
            header{
                height: 40px;
                padding-left: 50px;
                color: white;
                background: #008b98;
                line-height: 40px;
                margin-bottom: 40px;
            }
            form{
                .warning{
                    color: red;
                    display: none;
                    padding-left: 3px;
                    font-style: initial;
                }
            }
            .bgimg{
                font-size: 12px;
                position: relative;
                margin-bottom: 64px;
                margin-left: 38px;
                margin-top: 41px;
                p{
                   display: inline-block;
                   width: 495px;
                } 
                div{
                    display: inline-block;
                    width: 372px;
                    vertical-align: top;
                    span{
                        em{
                            color: #ccc;
                        }
                    }
                    input{
                        position: absolute;
                        left: 499px;
                        top: 21px;
                        width: 139px;
                        height: 134px;
                        opacity: 0;
                        z-index: 10;
                    }
                    #dd2{
                        position: absolute;
                        left: 499px;
                        top: 21px;
                        width: 139px;
                        height: 134px;
                    }
                    button{
                        width: 96px;
                        height: 27px;
                        background: #008b98;
                        color: white;
                        margin-left: 43px;
                        vertical-align: top;
                    }
                    span{
                        color:#ccc;
                        width: 462px;
                        display: inline-block;
                        margin-bottom: 5px;
                    }
                }
            }
            .info-con{
                margin-left:38px ;
                margin-bottom: 20px;
                &:first-of-type{
                    p{
                    }
                    input{
                        cursor: not-allowed;
                        background: #eeeeee;
                    }
                }
                p{
                    display: inline-block;
                    width: 270px;
                }
                input[type='text']{
                    padding-left: 5px;
                    width: 366px;
                    border-style: groove;
                    height: 25px;
                }
                span{
                    color: #ccc;
                }
            }
                        
        }
        .queding{
            left:42%;
            bottom: -80px;
            position: absolute;
            width:96px;
            height: 27px;
            color: #FFF;
            background: #008b98;
        }
        .fanhui{
            left:55%;
            bottom: -80px;
            position: absolute;
            width:96px;
            height: 27px;
            color: #FFF;
            background: #008b98;
        }
    }
    
}
